.detail {
    .pageheader {
        width: 100%;
        height: 1.185185rem;
        background-color: #b0d2f7;
        font-size: .333333rem;
        line-height: 1.185185rem;
        padding-left: .611111rem;
        color: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10 !important;

        i {
            font-size: .518519rem;
            margin-top: .351852rem;
        }

        .title {
            margin-left: 1.759259rem;
        }

    }

    .swiper {
        height: 9.981481rem;
        width: 100%;

        img {
            height: 9.981481rem;
            width: 100%;
        }
    }

    .module-unit {
        padding: .37037rem;
        height: 2.740741rem;

        .unitcon {
            position: relative;

            .price {
                font-size: .462963rem;
                color: #d42e42;
            }

            .title {
                font-size: .388889rem;

                .goods-title__main {
                    line-height: 1.203704rem;
                }

                .goods-title__sub {
                    color: #a3a3a3;
                    font-size: .314815rem;
                    margin-bottom: .388889rem;
                }
            }

            .share {
                height: .740741rem;
                width: 1.666667rem;
                line-height: .740741rem;
                background-color: #f8f8f8;
                color: #cfcfcf;
                text-align: center;
                position: absolute;
                top: 0.5rem;
                right: -0.277778rem;

                i {
                    margin-right: .092593rem;
                }
            }
        }
    }

    .page-content {
        // margin: 0 .462963rem;
        padding-top: 0.25rem;
        background-color: #f8f8f8;

        div {
            font-size: .333333rem;



            .m-promotion {
                padding: 0 .462963rem;
                font-size: .324074rem;
                color: #c8c8c8;
                line-height: 1.259259rem;
                background-color: #fff;
                // padding-bottom: .25rem;
                margin-bottom: .25rem;

                span {
                    margin: 0 .185185rem;
                }

                .yunfei {
                    color: black;

                }
            }

            .m-group {
                background-color: #fff;
                padding: 0 .462963rem;
                line-height: 1rem;

                .stages {
                    font-size: .333333rem;

                    span {
                        color: #92a0c3;
                    }

                    button {
                        color: #f2999f;
                        background-color: #f9e6e8;
                        margin-left: .37037rem;
                        line-height: .444444rem;
                    }
                }

                .serve {
                    .serve-l span:nth-child(1) {
                        color: #a3a3a3;
                        margin-right: .444444rem;
                    }

                }
            }

            .m-goods-review {
                background-color: #fff;
                padding: 0 .462963rem;
                line-height: 1rem;
                margin-bottom: .277778rem;

                p span:nth-child(1) {
                    color: #a3a3a3;
                    margin-right: .444444rem;
                }

                .value {


                    .value-img {
                        margin-left: 1.018519rem;

                        img {
                            width: .925926rem;
                            height: .925926rem;
                            margin-right: .12963rem;
                        }
                    }

                    .xuanzhe {
                        width: 2.592593rem;
                        height: .833333rem;
                        background-color: #f8f8f8;
                        color: #c7c7c7;
                        line-height: .833333rem;
                        text-align: center;
                    }
                }
            }

            .shop {
                background-color: #f8f8f8;
                margin: .277778rem 0;

                font-size: .444444rem;
                // line-height: 1.481481rem;

                .shopcon {
                    padding: .444444rem .444444rem;
                    background-color: #fff;

                    .shoptitle {
                        font-size: .407407rem;
                        margin-top: .185185rem;
                    }

                    .shopsh {

                        div {
                            height: .666667rem;
                            width: 1.851852rem;
                            border: .037037rem solid #c8c8c8;
                            text-align: center;
                            line-height: .666667rem;
                            border-radius: .324074rem;
                            margin-right: .185185rem;



                            // background-color: red;
                        }

                        .goshop {
                            border: .037037rem solid #e43669;
                            color: #e43669;
                        }
                    }
                }
            }

            .tablist {
                .cap-richtext {
                    padding: 0 .277778rem;

                    img {
                        width: 9.444444rem;
                        height: 12.027778rem;
                    }
                }
            }



        }
    }

    .goods-buttons {
        // height: 2.407407rem;
        position: fixed;
        background-color: #fff;
        bottom: 0;
        width: 100%;
        padding: .12963rem 0;
        padding-right: .222222rem;
        z-index: 3 !important;

        .van-icon {
            text-align: center;

            span {
                font-size: .37037rem !important;
            }

            margin-top: .277778rem;
            margin-left: .722222rem;
            font-size: .37037rem;
        }

        .van-icon {
            span {
                display: block;
            }
        }

        .van-goods-action {
            font-size: .37037rem;
            height: 1.111111rem;
            text-align: center;
            border-radius: .555556rem;
            margin-right: .185185rem;

            button {
                height: 100%;
                background-color: red;
                width: 2.87037rem;
            }

            .jiaru {
                border-top-left-radius: .555556rem;
                border-bottom-left-radius: .555556rem;
                background-color: #fd8e1a;
            }

            .buy {
                border-top-right-radius: .555556rem;
                border-bottom-right-radius: .555556rem;
                background-color: #fb5432;
            }
        }
    }

    .sku {
        padding: .333333rem 444444rem 0 .444444rem;
        font-size: .314815rem;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-right: .277778rem;

        z-index: 4 !important;


        .sku-h {
            position: relative;


            .close {

                width: .555556rem;
                height: .555556rem;
                position: absolute;
                right: .740741rem;
                top: .155556rem;
                color: #c7c7c7;
                font-size: .555556rem;


            }

            .fl {
                margin-right: .277778rem;

                img {
                    width: 2.685185rem;
                    height: 2.685185rem;
                }
            }

            .leixing {
                .price {
                    color: #ed0b23;
                    font-size: .351852rem;
                    margin-top: .722222rem;
                }

                .shengyu {
                    font-size: .314815rem;
                    color: #969799;
                    margin-top: .462963rem;
                }

            }


        }

        .buynum {
            line-height: .648148rem;
            margin-bottom: .255556rem;
            margin-right: .740741rem;


            .num {

                // width: 2.37037rem;
                height: .648148rem;


                button {
                    width: .703704rem;
                    height: .611111rem;
                    background-color: #f2f3f5;
                }

                input {
                    background-color: #f2f3f5;
                    width: .981481rem;
                    height: .611111rem;
                    margin: .074074rem;
                    text-align: center;
                }

            }
        }

        .data {
            font-size: .333333rem;
            margin: .277778rem 0;
            margin-right: .740741rem;
        }

        .goubuycar {
            margin: .555556rem 0;
            font-size: .333333rem;
            width: 9.111111rem;
            height: 1.111111rem;
            background-color: #f00e26;
            line-height: 1.111111rem;
            color: #fff;
            border-radius: .555556rem;
            text-align: center;
        }
    }

    .tabs {
        z-index: 0 !important;
    }

}